<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>www.supermarket.com</title>
		<style type="text/css">
			body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
			pre,code,form,fieldset,legend,input,textarea,p,
			blockquote,th,td{
				margin: 0;
				padding: 0;
			}
			body{
				background-color:bisque;
			}
			a{
				text-decoration: none;
				font-size:20px;
				line-height: 20px;
			}
			.header{
				width: 1000px;
				height: 80px;
				margin: 0 auto;
				padding-top: 28px;
				box-sizing: border-box;
			}
			.content{
				background-color:pink;
				width: 800px;
				height: 600px;
				margin: 0 auto;
			}


			.content .articletop{
				
				width: 400px;
				height: 60px;
			}
			.content .articlebottom{
				width: 560px;
				height: 373px;
			
			}
			.content .articlebottom .line{
				width: 413px;
				height: 28px;
			}
			.content .articlebottom .button{
				width: 160px;
				height: 30px;
				margin-bottom: 10px;
				margin-left: 75px;
			}
			.content .articlebottom
			input[type=submit]{
				margin-left: 70px;
				width: 119px;
				height: 37px;
				background: lightblue;
				border: #ADD8E6;
			}
			.content .articlebottom .line .mima{
				width: 332px;
			}
			.content .articlebottom p{
				margin-bottom: 20px;
				margin-left:75px;
				width: 300px;
				text-align: left;
				font-size: 13px;
				color: gray;
			}
			.content .articlebottom .line select{
				width: 100px;
				height: 28px;
			}
			.content .articlebottom .line input{
				width: 214px;
				height: 24px;
			}
			.content .articlebottom .line .word{
				text-align: left;
				line-height: 28px;
				font-size: 15px;
				width: 75px;
				height: 28px;
				float: left;
			}
			
			.content .left1{
				padding-top: 50px;
				padding-left: 200px;
				box-sizing: border-box;
				border-top: none;
			}
		
			
			
			
		</style>
	</head>
	<body>
		<div class="header">
			<div class="left">
				<a href="#">返回主页</a>
			</div>
		</div>
		<div class="content">
			<div class="top">
				<div class="left">
					<div class="right">
						<h1>用户注册</h1>
					</div>
				</div>
			</div>
			<div class="bottom">
				<div class="left1">
					<div class="articlebottom">
						
						<div class="line">
							<span class="word"><span class=""> </span>手机号码</span>
							<div class="blank">
								<input type="" name=""  value="" />
							</div>
						</div>
						<p>请输入手机号</p>
						
						
						<div class="line">
							<span class="word"><span class=""> </span>验证码</span>
							<div class="blank">
							<input type="" name="" id="" value="" />
							</div>
						</div>
						<input class="button" type="button" name="" id="" value="获取验证码" />
						
						
						<div class="line">
							<span class="word"><span class=""> </span>设置用户名</span>
							<div class="blank">
								<input type="" name=""  value="" class=""/>
							</div>
						</div>
						<p>请输入不超过15位字符的昵称</p>
						
						
						<div class="line">
							<span class="word"><span class=""> </span>性别</span>
							<div class="blank">
								<input type="" name=""  value="" class=""/>
							</div>
						</div>
						<p>必填</p>
						
						
						<div class="line">
							<span class="word"><span class=""> </span>设置密码</span>
							<div class="blank">
								<input type="password" name=""  value="" class="mima"/>
							</div>
						</div>
						<p>6~16个字符，区分大小写</p>
						
						
						<div class="line">
							<span class="word"><span class=""> </span>确认密码</span>
							<div class="blank">
								<input type="password" name=""  value="" class="mima"/>
							</div>
						</div>
						<p>请再次填写密码</p>
						<p> 
							<input class="zhuce" type="submit" value="立即注册" />
							
						</p>
							
							已有帐号"<a href="#">去登录</a>"
						
						<p>
						
							<input type="checkbox" checked="checked" />
							注册表示您已阅读和同意"<a href="#">服务协议</a>"
					
						</p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
